﻿<UserControl x:Class="MultiTouch.Behaviors.Silverlight4.TouchPPT.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:interactivity="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" 
    xmlns:behaviors="clr-namespace:MultiTouch.Behaviors.Silverlight4;assembly=MultiTouch.Behaviors.Silverlight4" 
    mc:Ignorable="d"
    d:DesignHeight="950" d:DesignWidth="1900" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk">

    <Canvas x:Name="LayoutRoot" SizeChanged="LayoutRoot_SizeChanged">
        <Canvas.Background>
            <ImageBrush ImageSource="Images/WindowBackground.jpg"/>
        </Canvas.Background>

        <!-- A list of available Images -->
        <StackPanel Canvas.Left="0" Canvas.Top="0" Height="Auto" Name="stackPanel1" Width="220">

            <sdk:TabControl Height="800" Name="tabControl1" Width="Auto">
                <sdk:TabItem Header="目录列表" Name="tabItem1" FontSize="18">
                    <Grid>
                        <ListBox  Name="listBox1" Height="Auto" ItemsSource="{Binding Catalogue}" SelectionChanged="listBox1_SelectionChanged" FontSize="14" />
                    </Grid>
                </sdk:TabItem>
                <sdk:TabItem Header="页面预览" Name="tabItem2" FontSize="18">
                    <Grid>
                        <ListBox ItemsSource="{Binding SelectedPictureCollection}" Name="imageListBox" SelectedItem="{Binding SelectedPictureByIndex, Mode=TwoWay}">
                            <ListBox.ItemTemplate>
                                <DataTemplate>
                                    <Image Source="{Binding}" Width="180" />
                                </DataTemplate>
                            </ListBox.ItemTemplate>
                        </ListBox>
                    </Grid>
                </sdk:TabItem>
            </sdk:TabControl>

            <StackPanel Canvas.Left="0"  Name="stackPanel3">
                <StackPanel Name="stackPanel2" Orientation="Horizontal" HorizontalAlignment="Center">
                    <Image Height="Auto" Name="image_left" Stretch="Fill" Width="Auto" MouseLeftButtonDown="image_left_MouseLeftButtonDown" Visibility="Visible" Source="/MultiTouch.Behaviors.Silverlight4.TouchPPT;component/Images/arrow_left.png" />
                    <Image Height="Auto" Name="image_right" Stretch="Fill" Width="Auto" MouseLeftButtonDown="image_right_MouseLeftButtonDown" Visibility="Visible" Source="/MultiTouch.Behaviors.Silverlight4.TouchPPT;component/Images/arrow_right.png" />
                    <Image Height="Auto" Name="image_ring" Stretch="Fill" Width="Auto" Source="/MultiTouch.Behaviors.Silverlight4.TouchPPT;component/Images/ring.png" MouseLeftButtonDown="image_ring_MouseLeftButtonDown" />
                </StackPanel>
                <CheckBox Content="Disable auto play" Name="checkBox1" />
                <sdk:Label Name="label1"/>
                <sdk:Label Name="label2"/>
            </StackPanel>
        </StackPanel>

    </Canvas>
</UserControl>
